.my-container {
  height: 100%;
  background-color: #f5f5f5;
  position: relative;
  overflow: hidden;
  overflow: auto;

  .my-info {
    position: relative;
    height: 600rpx;
    display: flex;
    flex-direction: column;
    background: linear-gradient(to bottom, #4ba3ff 0%, #f5f5f5 100%);
    .user-info {
      position: absolute;
      display: flex;
      top: 156rpx;
      left: 48rpx;
      align-items: center;

      .avator {
        width: 140rpx;
        height: 140rpx;
        border-radius: 50%;
      }

      .text-info {
        height: 132rpx;
        display: flex;
        padding-left: 40rpx;
        flex-direction: column;
        justify-content: space-around;

        .my-name {
          color: #ffffff;
        }
        .btn-phone{
         background: none;
         padding: 0;
         color: #ffffff;
        }

        .my-phone {
          color: #ffffff;
        }
      }
    }
  }

  .my {
    padding: 0 20rpx;
    margin-top: 20rpx;
    position: absolute;
    top: 360rpx;
    padding-bottom: 200rpx;

    // 订单板块
    .order-info {
      background-color: #ffffff;
      padding: 0rpx 20rpx 40rpx 20rpx;
      border-radius: 22rpx;
      box-shadow: 0 6rpx 12rpx rgba(14, 23, 58, .06);
      ;

      .order-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100rpx;

        .head-right {
          display: flex;
          align-items: center;
          line-height: 40rpx;

          .head-text {
            font-size: 30rpx;
            padding-left: 10rpx;
            color: #909090;
          }

          .icon-size {
            width: 36rpx;
            height: 36rpx;
          }
        }
      }

      .order-main {
        justify-content: space-between;
        display: flex;
        align-items: center;

        .order-item {
          display: flex;
          flex-direction: column;
          align-items: center;

          .text-size {
            font-size: 28rpx;
            padding-top: 10rpx;
          }

          .special-size {
            width: 60rpx;
            height: 60rpx;
          }
        }

      }
    }

    // 我的服务
    .my-service {
      margin: 20rpx 0;
      background-color: #ffffff;
      padding: 20rpx 20rpx 20rpx 20rpx;
      border-radius: 22rpx;
      box-shadow: 0 6rpx 12rpx rgba(14, 23, 58, .06);
      .service-header {
        padding: 0 0 20rpx 0;
      }
      .service-main {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        .service-item {
          width: 25%;
          margin-bottom: 20rpx;
          display: flex;
          justify-content: space-around;

          .item-box {
            display: flex;
            flex-direction: column;
            position: relative;
            align-items: center;

            .item-text {
              font-size: 28rpx;
              // padding: 20rpx;
              padding: 20rpx 0;
            }

            .t-icon {
              width: 72rpx;
              height: 72rpx;
            }

            .special-weixin {
              position: absolute;
              top: -26rpx;
              height: 72rpx;
              width: 72rpx;
            }

            .wechatButton {
              line-height: 80rpx;
              top: 10rpx;
              left: 0;
              height: 100rpx;
              padding-left: 0px;
              padding-right: 0px;
              box-sizing: border-box;
              text-align: center;
              text-decoration: none;
              line-height: 1.35;
              -webkit-tap-highlight-color: transparent;
              overflow: hidden;
              color: #000;
              font-size: 30rpx;
              background: none;
              width: 100%;
              font-size: 30rpx;
              padding-top: 56rpx;
            }
          }
        }
      }
    }

    .other-info {
      margin: 20rpx 0;
      background-color: #ffffff;
      padding: 40rpx;
      border-radius: 22rpx;

      box-shadow: 0 6rpx 12rpx rgba(14, 23, 58, .06);

      .other-main{
        .other-main-item{
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 20rpx 0;
          .item-left{
            display: flex;
            align-items: center;
            .item-text{
              margin-left: 30rpx;
            }
          }
          .item-right-size{
            width: 48rpx;
            height: 48rpx;
          }
        }
      }
    }
  }


}
